<?php
include 'header.php';
?>
<section id="produto-header">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				<img src="http://placehold.it/40x40" /><br />
				E-commerce
			</h1>
			<hr />
			<h3 class="text-center">Venda mais para sua base de consumidores.</h3>		
			<div class="col-lg-4 col-md-4 col-md-offset-4 col-lg-offset-4 text-center">
				<button type="button" class="btn btn-primary btn-lg btn-block bg-color text-uppercase">Quero testar agora!</button>
			</div>	
		</div>			
	</div>	
</section>
<div class="ball grey"></div>
<section id="produto-clients">
	<div class="container">
		<div class="row">
			<div class="col-lg-2 col-md-2 col-md-offset-2 text-center">
				<img src="http://placehold.it/150x120" />
			</div>
			<div class="col-lg-2 col-md-2 text-center">
				<img src="http://placehold.it/150x120" />
			</div>
			<div class="col-lg-2 col-md-2 text-center">
				<img src="http://placehold.it/150x120" />
			</div>
			<div class="col-lg-2 col-md-2 text-center">
				<img src="http://placehold.it/150x120" />
			</div>	
		</div>			
	</div>	
</section>
<section id="produto-desafios">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 col-md-5">
				<h1 class="text-uppercase txt-color-b">
					Desafios
				</h1>
				<h3>Ut lectus nulla, ornare in risus tincidunt tempus nulla.</h3>
				<br />
				<ul>
					<li>
						Ut lectus nulla, ornare in risus a, tincidunt tempus nulla. Praesent gravida, ante hendrerit lacinia accumsan, eros libero scelerisque nisi.</li>
					</li>
					<li>
						Ut lectus nulla, ornare in risus a, tincidunt tempus nulla. Praesent gravida, ante hendrerit lacinia accumsan, eros libero scelerisque nisi.</li>
					</li>
					<li>
						Ut lectus nulla, ornare in risus a, tincidunt tempus nulla. Praesent gravida, ante hendrerit lacinia accumsan, eros libero scelerisque nisi.</li>
					</li>
				</ul>		
			</div>
			<div class="col-lg-6 col-md-6 col-md-offset-1 col-lg-offset-1">
				<h1>&nbsp;</h1>
				<img src="http://placehold.it/470x320" />
			</div>	
		</div>			
		<hr class="dashed"/>
		<div class="row">
			<h1 class="text-uppercase text-center">
				Soluções mais relevantes
			</h1>
			<hr />
			<br />
			<div class="col-lg-4 col-md-4 text-center">
				<img src="http://placehold.it/130x130" />
				<h4 class="text-center text-uppercase">
					<strong>Informações sobre<br />audiência</strong>
				</h4>
			</div>
			<div class="col-lg-4 col-md-4 text-center">
				<img src="http://placehold.it/130x130" />
				<h4 class="text-center text-uppercase">
					<strong>Segmentação por<br />comportamento</strong>
				</h4>
			</div>
			<div class="col-lg-4 col-md-4 text-center">
				<img src="http://placehold.it/130x130" />
				<h4 class="text-center text-uppercase">
					<strong>Automação 1 a 1</strong>
				</h4>
			</div>
		</div>
		<br /><br />
		<div class="row">
			<h1 class="text-center text-uppercase text-dashed">
				Resultados
			</h1>
			<br /><br />
		</div>	
		<div class="row">
			<div class="col-lg-6 col-md-6 text-right">
				<img src="http://placehold.it/470x320" />
			</div>
			<div class="col-lg-6 col-md-6">
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nisi magna, placerat eu ipsum quis, euismod pharetra massa. Duis ac mattis odio, vel volutpat elit.
					<br /><br />
					Aliquam quis dignissim elit, pharetra cursus nibh. Aenean id ullamcorper leo. Quisque malesuada ultricies mi vel feugiat. Curabitur at tempus tellus, nec suscipit tellus. Mauris sit amet risus vulputate nibh tempor dictum vitae eu purus. Aliquam ut sollicitudin urna.
					<br /><br />
					Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin eu sapien sapien. Pellentesque mattis vestibulum turpis dignissim aliquet. In velit nisl, convallis et vehicula a, dapibus id leo.
				</p>
			</div>	
		</div>
	</div>
</section>
<div class="ball green"></div>		
<section id="produto-footer">
	<div class="container">
		<div class="row">
			<h1 class="text-center text-uppercase">
				Você conhece o interesse do seu consumidor?<br />
				<strong>comece a melhorar sua conversão</strong>
			</h1>
			<hr />		
			<br />
			<div class="col-lg-4 col-md-4 col-md-offset-4 col-lg-offset-4 text-center">
				<button type="button" class="btn btn-primary btn-lg btn-block bg-color text-uppercase">Quero testar agora!</button>
			</div>	
		</div>			
	</div>	
</section>
<?php
include 'footer.php';
?>